/** @type {import('tailwindcss').Config} */
module.exports = {
    corePlugins: {
        // 禁用预加载
        preflight: false,
    },
    content: ["./src/**/*.{html,js,vue,ts}"],
    theme: {
        extend: {
            colors: {
                "page-bg": "var(--page-bg)",
                "primary-color": "var(--primary-color)",
                "primary-color-80": "var(--primary-color-80)",
                "primary-color-20": "var(--primary-color-20)",
                "bg-login": "var(--bg-login)",
                "body-text": "var(--body-text)",
                "bg-login-box": "var(--bg-login-box)",
                "bg-manage-menu": "var(--bg-manage-menu)",
                "bg-search": "var(--bg-search)",
                "manage-menu-color": "var(--manage-menu-color)",
                "border-color": "var(--border-color)",
                "title-color": "var(--primary-title-color)",
                "text-li": "var(--primary-text-color)",
                "text-tips": "var(--primary-desc-color)",
                "messenger-nav": "var(--messenger-nav)",
                white: "var(--white-color)",
                "white-80": "var(--white-color-80)",
                "white-50": "var(--white-color-50)",
                "bg-none": "rgba(0,0,0,0)",
                "menu-color": "var(--menu-color)",
                "messenger-msg-icon": "var(--messenger-msg-icon)",
                "messenger-active": "var(--messenger-active)",
                "dialog-item-notice": "var(--dialog-item-notice)",
                "dialog-head": "var(--dialog-head-shadow)",
                "blockquote": "var(--blockquote)",
                "pre-bg": "var(--pre-bg)",
                "pre-color": "var(--pre-color)",
                "flow-status-archived-color": "var(--flow-status-archived-color)",
                "flow-status-start-color": "var(--flow-status-start-color)",
                "flow-status-progress-color": "var(--flow-status-progress-color)",
                "flow-status-test-color": "var(--flow-status-test-color)",
                "flow-status-end-color": "var(--flow-status-end-color)",
                "emoji-users-color": "var(--emoji-users-color)",
                "dialog-emoji": "var(--dialog-emoji)",
                "dialog-emoji-50": "var(--dialog-emoji-50)",
                "completed-color": "var(--completed-color)",
                "icon-avatar": "var(--icon-avatar)",
                "icon-avatar-department": "var(--icon-avatar-department)",
                "icon-avatar-project": "var(--icon-avatar-project)",
                "icon-avatar-task": "var(--icon-avatar-task)",
                "dialog-goto": "var(--dialog-goto)",
                "8F8F8E":"var(--8F8F8E)",
            },
            fontSize: {
                10: "10px",
                12: "12px",
                13: "13px",
                14: "14px",
                15: "15px",
                16: "16px",
                17: "17px",
                18: "18px",
                20: "20px",
                22: "22px",
                24: "24px",
                26: "26px",
                28: "28px",
                30: "30px",
                32: "32px",
                36: "36px",
                40: "40px",
                52: "52px",
                72: "72px",
            },
            lineHeight: {
                12: "12px",
                14: "14px",
                15: "15px",
                16: "16px",
                18: "18px",
                20: "20px",
                22: "22px",
                24: "24px",
                26: "26px",
                28: "28px",
                30: "30px",
                32: "32px",
                34: "34px",
                36: "36px",
                38: "38px",
                40: "40px",
                42: "42px",
            },
            letterSpacing: {
                4: "4px"
            },
            inset: {
                "negative-20": "-20px",
                1: "1px",
                2: "2px",
                3: "3px",
                4: "4px",
                5: "5px",
                6: "6px",
                7: "7px",
                8: "8px",
                9: "9px",
                10: "10px",
                12: "12px",
                13: "13px",
                14: "14px",
                15: "15px",
                16: "16px",
                18: "18px",
                20: "20px",
                22: "22px",
                24: "24px",
                26: "26px",
                27: "27px",
                30: "30px",
                32: "32px",
                36: "36px",
                40: "40px",
                44: "44px",
                48: "48px",
                52: "52px",
                "65p": "65%",
            },
            padding: {
                "4p": "4%",
                1: "1px",
                2: "2px",
                3: "3px",
                4: "4px",
                5: "5px",
                6: "6px",
                7: "7px",
                8: "8px",
                9: "9px",
                10: "10px",
                12: "12px",
                13: "13px",
                14: "14px",
                15: "15px",
                16: "16px",
                18: "18px",
                20: "20px",
                22: "22px",
                24: "24px",
                26: "26px",
                27: "27px",
                30: "30px",
                32: "32px",
                36: "36px",
                40: "40px",
                44: "44px",
                46: "46px",
                50: "50px",
                52: "52px",
            },
            margin: {
                1: "1px",
                "1.2em": "1.2em",
                2: "2px",
                3: "3px",
                4: "4px",
                5: "5px",
                6: "6px",
                7: "7px",
                8: "8px",
                10: "10px",
                12: "12px",
                13: "13px",
                14: "14px",
                16: "16px",
                18: "18px",
                20: "20px",
                22: "22px",
                24: "24px",
                26: "26px",
                27: "27px",
                30: "30px",
                32: "32px",
                36: "36px",
                40: "40px",
                44: "44px",
                46: "46px",
                50: "50px",
            },
            width: {
                1: "1px",
                "1.2em": "1.2em",
                3: "3px",
                10: "10px",
                14: "14px",
                20: "20px",
                30: "30px",
                36: "36px",
                40: "40px",
                42: "42px",
                50: "50px",
                56: "56px",
                76: "76px",
                80: "80px",
                84: "84px",
                200: "200px",
                219: "219px",
                220: "220px",
                255: "255px",
                320: "320px",
                388: "388px",
                400: "400px",
                460: "460px",
                "72p": "72%",
                "30p": "30%",
                "80p": "80%",
                "86p": "86%",
                "90p": "90%",
            },
            maxWidth: {
                34: "34px",
                76: "76px",
                80: "80px",
                84: "84px",
                120: "120px",
                150: "150px",
                200: "200px",
                220: "220px",
                255: "255px",
                320: "320px",
                388: "388px",
                460: "460px",
                "90p": "90%",
                "80p": "80%",
                "70p": "70%",
                "75p": "75%",
                "86p": "86%",
            },
            minWidth: {
                "1.2em": "1.2em",
                16: "16px",
                32: "32px",
                120: "120px",
                220: "220px",
                240: "240px",
            },
            height: {
                1: "1px",
                8: "8px",
                9: "9px",
                10: "10px",
                14: "14px",
                20: "20px",
                21: "21px",
                22: "22px",
                30: "30px",
                34: "34px",
                36: "36px",
                38: "38px",
                40: "40px",
                42: "42px",
                50: "50px",
                52: "52px",
                54: "54px",
                56: "56px",
                68: "68px",
                76: "76px",
                80: "80px",
                84: "84px",
            },
            minHeight: {
                24: "24px",
            },
            maxHeight: {
                150: "150px",
                220: "220px",
            },
            boxShadow: {
                "login-box-Shadow": "var(--login-box-Shadow)",
                "manage-box-Shadow": "var(--manage-box-Shadow)",
            },
            backgroundImage: {
                logo: "url('@/statics/images/logo.svg')",
                msg: "url('@/statics/images/icon/msg.svg')",
                task: "url('@/statics/images/icon/task.svg')",
            },
        },
    },
    plugins: [],
}
